<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<link rel="stylesheet" type="text/css" href="<%=path %>/css/H-ui.min.css" />
	<link rel="stylesheet" type="text/css" href="<%=path %>/css/H-ui.admin.css" />
	<link rel="stylesheet" type="text/css" href="<%=path %>/lib/Hui-iconfont/1.0.7/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="<%=path %>/lib/icheck/icheck.css" />

	<link rel="stylesheet" type="text/css" href="<%=path %>/skin/default/skin.css" id="skin" />
	<link rel="stylesheet" type="text/css" href="<%=path %>/css/style.css" />
	<script type="text/javascript" src="<%=path %>/lib/jquery/1.9.1/jquery.min.js" ></script>
	<script type="text/javascript" src="<%=path %>/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
	<style type="text/css">
		body,#l-map {width: 100%;height: 100%;overflow: hidden;margin:0;}
	</style>

	<!-- 百度地图秘钥 -->
	<script src="http://api.map.baidu.com/api?v=2.0&ak=0EqkFfOceuwLZnVvG6dIocEiqos83G34" type="text/javascript"></script>
	<!--<script type="text/javascript" src="http://api.map.baidu.com/api?type=quick&ak=0EqkFfOceuwLZnVvG6dIocEiqos83G34
&v=1.0"></script>-->

	<title>实时定位</title>
</head>
<body>

<div id="l-map"></div>


<script type="text/javascript">
	var map = new BMap.Map("l-map");
	map.centerAndZoom(new BMap.Point(116.37231894589,39.976018510037), 14);
	map.addControl(new BMap.NavigationControl());    //地图平移缩放控件PC端默认位于地图左上方，它包含控制地图的平移和缩放的功能。移动端提供缩放控件，默认位于地图右下方。
	map.addControl(new BMap.OverviewMapControl());   //添加缩略地图控件，默认位于地图右下方，是一个可折叠的缩略地图。
	map.addControl(new BMap.ScaleControl());     //比例尺控件，默认位于地图左下方，显示地图的比例关系。
	map.addControl(new BMap.MapTypeControl());   //地图类型控件，默认位于地图右上方。
	map.addControl(new BMap.GeolocationControl());   //定位控件，针对移动端开发，默认位于地图左下方。
	//map.addControl(new BMap.CopyrightControl());     //版权控件，默认位于地图左下方。
//var opt_info={anchor: ANCHOR_UPPERRIGHT, offset: new BMap.Size(10, 10)};
	/*// 定义一个控件类，即function
	function ZoomControl(){
		// 设置默认停靠位置和偏移量
		this.defaultAnchor = BMAP_ANCHOR_TOP_LEFT;
		this.defaultOffset = new BMap.Size(10, 10);
	}
	// 通过JavaScript的prototype属性继承于BMap.Control
	ZoomControl.prototype = new BMap.Control();
	// 自定义控件必须实现initialize方法，并且将控件的DOM元素返回
	// 在本方法中创建个div元素作为控件的容器，并将其添加到地图容器中
	ZoomControl.prototype.initialize = function(map){
// 创建一个DOM元素
		var div = document.createElement("div");
// 添加文字说明
		div.appendChild(document.createTextNode("放大2级"));
		// 设置样式
		div.style.cursor = "pointer";
		div.style.border = "1px solid gray";
		div.style.backgroundColor = "white";
// 绑定事件，点击一次放大两级
		div.onclick = function(e){
			map.setZoom(map.getZoom() + 2);
		}
// 添加DOM元素到地图中
		map.getContainer().appendChild(div);
		return div;
	};*/

	$(function(){
		//alert('${param.username}')
		$.ajax(
				{
					type:'get',
					url : 'http://api.map.baidu.com/trace/v2/entity/list?ak=0EqkFfOceuwLZnVvG6dIocEiqos83G34&service_id=117396&entity_names=${param.username}',
					dataType : 'jsonp',
					success  : function(data) {
					
						var x=data.entities[0].realtime_point.location[0];
						var y=data.entities[0].realtime_point.location[1];
						var time=data.entities[0].modify_time;
						var point = new BMap.Point(x, y);
						var point1=new BMap.Point(x, y+0.001);
						map.centerAndZoom(point, 15);

						var marker = new BMap.Marker(point);
						var timeMark = new BMap.Marker(point);// 创建标注
						map.addOverlay(marker);// 将标注添加到地图中
						var opts = {
							width : 150,     // 信息窗口宽度
							height: 50,     // 信息窗口高度
							title : "最后更新时间:", // 信息窗口标题
							anchor:"ANCHOR_UPPERRIGHT",
							offset: new BMap.Size(0, -13)
						};

						var infoWindow = new BMap.InfoWindow(time, opts);  // 创建信息窗口对象
						infoWindow.enableCloseOnClick();
						map.openInfoWindow(infoWindow, point);
						marker.addEventListener("click", function(){
							map.openInfoWindow(infoWindow,point); //开启信息窗口

						});

					},
					error : function() {
						alert('fail');
					}
				}
		);
	});
	
</script>

</body>
</html>